﻿body 
{
    width:100%;
    height:100%;
    margin:0px;
    bottom:0px;
    background-image:url('Imagenes/FondoAzuIUS.jpg');
}

#marcologin 
{
 
 margin:5% auto 0px auto;
 width:100%;
 height:100%;
 z-index:0;
 position:relative;
 
   
 }

 
 #logoIUS
 {
   width:259px;
   height:144px;
   left:20%;
   position:relative;
   z-index:10;
   
}

 #logoEMP
 {
   width:259px;
   height:144px;
   left:55%;
   position:relative;
   z-index:12;
   top:0px;
}
   
 #controles
 
 {
      z-index:11;
      width:320px;
      height:200px;
      background-color:#0f2f62;
      filter: alpha(opacity=70); /* internet explorer */
      -khtml-opacity: 0.7;      /* khtml, version anterior de safari */
      -moz-opacity: 0.7;       /* firefox, mozilla, netscape */
      opacity: 0.7;           /* safari, chrome, opera */
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*internet explorer 8 - gracias Andres */
      position:relative;
      top:35px;
      left:35%;
      padding:20px;
}
    .form
    {
        left:80%;
    }
    .form span
    {
	    float: left;
	    width:30%;
	    clear: both;
	    color:White;
	    font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    }

 .form input, .form select, .form textarea
{
	margin-top: 2px;
	margin-bottom: 2px;
	border: 1px #bababa solid;
    background-color:White;
    outline: 0;
    min-height: 32px;
    position: relative;
    top: 0px;
    left: 0px;
    font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
    
}
 